@import "../../less/bootstrap/bootstrap.less";
body {
    padding-top: 40px;
	padding-bottom: 40px;
	background: @white;
}

@import "../../less/bootstrap/responsive.less";

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@navbarBackground: darken(#FFCC00, 5%);
@navbarBackgroundHighlight: darken(#FFCC00, 5%);
@headerBorderWidth: 7px;
@inputHeight: 30px;
@headerHeight: 50px;

html {
  height: 100%;
  width: 100%;
}

body {
  width: 100%;
  height: 100%;
  //background: url('http://www.3phase.com/resources/patterns/files/paper-cork.gif');
  margin: 0;
  //background-repeat: no-repeat;
  //background-attachment: fixed;
  position: relative;

}

li {
  list-style: none;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4 {
	color: orangered;
}

input[type="text"], input[type="password"] {
	height: 30px;
}

.hidden {
  display: none;
}

.center {
  margin: 0 auto;
}


/*****************************************************************************
 * Header
 */
.updating-label {
  position: fixed;
  left: 50%; 
  width: 200px; 
  margin-left:-100px;
  z-index: 2000;
  text-align: center;
  height: 50px;
}

.header {
  margin-bottom: 10px;
  width: 100%;
  height: @headerHeight;
  position: fixed;
  z-index: 1000;
  background: @navbarBackground;
  top: 0px;
}

.header-search {
  margin-top: (@headerHeight - @inputHeight - @headerBorderWidth)/2;
  margin-right: 30px;
}

.header-txt {
  height: @headerHeight;
  min-width: 94px;
  text-align: center;
  margin: 5px 10px;
}

.header-txt * {
  color: @gray;
}

.header-txt ul {
  margin-left: 0px;
}

.bottom-green {
  border-bottom-style: solid;
  border-bottom-width: @headerBorderWidth;
  border-bottom-color: green;
}

.bottom-green * {
  color: green;
}

.bottom-red {
  border-bottom-style: solid;
  border-bottom-width: @headerBorderWidth;
  border-bottom-color: red;
}

.bottom-red * {
  color: red;
}

.bottom-blue {
  border-bottom-style: solid;
  border-bottom-width: @headerBorderWidth;
  border-bottom-color: lighten(blue, 13%);  
}

.bottom-blue * {
  color: lighten(blue, 13%);  
}

.header-txt .dropdown-menu {
  margin-top: 14px;
}

/*****************************************************************************
 * Content
 */
.main-content {
	background-color: white;
	padding: 10px;
	width: 75%;
	position: relative;
}

.deals {
  width: 25%;
  padding: 10px;
  border-left: 1px solid @grayLighter;
}

.deal-img {
	margin-right: 5px;
}

.text-center {
    text-align: center;
}

.footer {
	margin-top: 20px;
	height: 40px;
	background: @grayDarker;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	background: url('../../less/images/bg1.png') repeat;
}

.footer div {
   margin-top: 10px;
}

.footer a {
    margin: 10px;
    color: white;
}

/****
* Report page
****/
.criteria-column {
  width: 20%;
  position: relative;
}

.chart-column {
  width: 80%;
  position: relative;
}

.highcharts-container {
  width: 100%;
}

.errorMsg {color: #FF0000; line-height: 12px; vertical-align:top; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: blink;}


/****
* Style table
*/
.gradeA {
    background-color: white;
}

.odd {
    background-color: @grayLight;
}

.even {
    background-color: white;
}

/**
* Search deals
*/
#deal-category {
    width: 20%;
}

#search-result {
	width: 80%;
}